<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Edit Page</title>
        <link rel="stylesheet" href="css/edit.css"/>
        <link rel="stylesheet" href="css/dialog.css"/>
        <script type="text/javascript" src="js/jquery-1.7.1.js"></script>
        <script type="text/javascript" src="js/modaldialog.js"></script>
        <script type="text/javascript" src="js/tags-cats-dialogs.js"></script>
        <script type="text/javascript" src="js/infohandle.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
             
              
             //скрывать/показывать ссылки на блоках статей
                $(".article-edit-tb").fadeOut("normal");
                
                $(".article-waper").hover(
                function () {
                    $(".article-edit-tb",this).show();
                }, 
                function () {
                    $(".article-edit-tb",this).fadeOut("normal");
                }
            );
                
                //инициализировать модальные диалоги
                var cd= $().CategoryDialog("#catlink");
                var td= $().TagsDialog("#taglink");
                       
            
                //отображать слой "ожидание загрузки"
                $(".wait").ajaxStart(function(){
                    $(this).fadeIn('slow');       
                });              
               
                $(".wait").ajaxStop(function(){
                    $(this).hide();       
                });              
           
           
                //отображать диалог ошибок
                $().ErrorDialog("uni-dlg-error").ajaxError(function($e, jqxhr, settings, exception){
                    //   alert(this.constructor);
                    $(this).addErrorMsg("Ошибка доступа к "+settings.url+" система сообщила: "+exception);
                    $(this).showDialog();
                });
       
                //отображать диалог информации
                var infod=$().InfoDialog("uni-dlg-info");
                $("html").on("CategoryUID.events",
                function($e,data){
                    //alert(data.Ok); //cм. raw ajax 
                    infod.addInfoMsg("Операция "+data.Ok+" проведена успешно");
                    infod.showDialog()
                    .fadeOut(5500); //"растворение" после информирования
                });
         

                
            });
        </script>

        <style type="text/css">

        </style>
    </head>
    <body>
        <div class="wrap">
            <div class="header bordered colored" style="min-height: 25px;">
                <div style="float:left;color: #000;margin-left: 3px;"> 
                    Редактирование статей
                </div>
                <div class="hier-tb"> 
                    <a id="catlink" href="#" title="редактирование категорий">Категории</a>
                    <a id="taglink" href="#" title="редактирование тэгов">Тэги</a>
                </div>
            </div>
            <div class="articles-list">
                <!--//блок  -статья -начало -->
                <div  class="article-waper bordered">

                    <div class="article-edit-tb"><a href="#" title="редактирование статьи">Редактировать</a>
                        <a href="#" title="создание новой статьи">Новая статья</a></div>

                    <div class="article-title"><span>Заголовок статьи 1</span></div>

                    <div class="article-text">
                        <h2>Статья 1</h2>
                        <h5>Статья 2</h5>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                        </p>
                    </div>
                    <div class="article-desc colored">
                        <span>article path (i.e ArticleCategory>tag) and date publications</span>
                    </div>
                </div>

                <div  class="article-waper bordered">
                    <div class="article-edit-tb"><a href="#" title="редактирование статьи">Редактировать</a>
                        <a href="#" title="создание новой статьи">Новая статья</a></div>
                    <div class="article-title"><span>Заголовок статьи 2</span></div>
                    <div class="article-text">
                        <h2>Статья 2</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                        </p>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
                        </p>
                    </div>
                    <div class="article-desc colored">
                        <span>article path (i.e ArticleCategory>tag) and date publications</span>
                    </div>
                </div>
            </div>
            <div class="footer bordered colored">подвал</div>
        </div>
        <%@include file="WEB-INF/jspf/hierdialogs.jspf" %>

    </body>
</html>
